﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
   <title>jQuery Object Accessors</title>
    <script src="script/jquery-1.3.2.js" type="text/javascript"></script>
    <script language="javascript" type="text/javascript">
        $(document).ready(function() {
            $("a").each(function(i) {
                this.onclick = Konfirmasi;
            });
        });

        function Konfirmasi() {
            confirm('Apakah baris ini akan dihapus?');
        }
    </script>
    
    <style type="text/css">
        .header
        {
            text-transform:uppercase;
            font-weight:bold;
        }
    </style>
</head>
<body>
    <table width="100%" cellpadding="0" cellspacing="0" border="1">
        <tr>
            <td class="header">Aksi</td>
            <td class="header">No.</td>
            <td class="header">Nama</td>
            <td class="header">Alamat</td>
        </tr>
        <tr>
            <td><a href="#">pilih</a></td>
            <td>1.</td>
            <td>Nama #1</td>
            <td>Alamat #1</td>
        </tr>
        <tr>
            <td><a href="#">pilih</a></td>
            <td>2.</td>
            <td>Nama #2</td>
            <td>Alamat #2</td>
        </tr>
        <tr>
            <td><a href="#">pilih</a></td>
            <td>3.</td>
            <td>Nama #3</td>
            <td>Alamat #3</td>
        </tr>
    </table>
</body>
</html>
